<!--container-fluid-->
<div class="customContainer">
    <div style="padding:0px 8px 20px 8px;">
        <div style="margin: 70px 0 40px 0;">
            <h3 style="font-family: '楷体';text-align: center;">欢迎来到我的个人网站。</h3>
        </div>
        <div style="height: 100%;padding: 0 15px 10px 15px;">
            <div class="col-sm-12 col-md-6" style="height: 190px;padding: 15px">
                <div style="background-color: #fff;height: 100%;padding: 25px 30px;">
                    <span style="font-size: 18px;font-family: '楷体';font-weight: bolder">
                        <span style="color: #767676" class="glyphicon glyphicon-book"></span> <a href="#!/blog">博 客</a>
                    </span>

                    <p style="text-indent: 30px;margin-top: 10px;line-height: 30px;font-family: '微软雅黑';font-size: 15px;">
                        站长平时的一些文章笔记，为便于浏览划分为“归档、分类、标签”三个子模块。
                    </p>
                </div>
            </div>
            <div class="col-sm-12 col-md-6" style="height: 190px;padding: 15px">
                <div style="background-color: #fff;height: 100%;padding: 25px 30px;">
                    <span style="font-size: 18px;font-family: '楷体';font-weight: bolder">
                        <span style="color: #767676" class="glyphicon glyphicon-folder-open"></span> <a href="#!/project">项 目</a>
                    </span>

                    <p style="text-indent: 30px;margin-top: 10px;line-height: 30px;font-family: '微软雅黑';font-size: 15px;">
                        站长从零开始做过的项目及介绍，大部分有源码提供。有兴趣的可以直接去我的<a href="https://github.com/panhainan" target="_blank" style="text-decoration: none" title="GitHub">
                        GitHub</a>。
                    </p>
                </div>
            </div>
            <div class="col-sm-12 col-md-6" style="height: 190px;padding: 15px">
                <div style="background-color: #fff;height: 100%;padding: 25px 30px;">
                    <span style="font-size: 18px;font-family: '楷体';font-weight: bolder">
                        <span style="color: #767676" class="glyphicon glyphicon-bookmark"></span> <a href="#!/recommend">荐 文</a>
                    </span>

                    <p style="text-indent: 30px;margin-top: 10px;line-height: 30px;font-family: '微软雅黑';font-size: 15px;">

                        主要记录站长平时浏览的一些不错的文章，为保护版权只提供文章的链接。
                    </p>
                </div>
            </div>
            <div class="col-sm-12 col-md-6" style="height: 190px;padding: 15px">
                <div style="background-color: #fff;height: 100%;padding: 25px 30px;">
                    <span style="font-size: 18px;font-family: '楷体';font-weight: bolder">
                        <span style="color: #767676" class="glyphicon glyphicon-link"></span> <a href="#!/friendlink">友 链</a>
                    </span>

                    <p style="text-indent: 30px;margin-top: 10px;line-height: 30px;font-family: '微软雅黑';font-size: 15px;">
                        收集质量不错的网站，有意者可联系站长添加友链。
                    </p>
                </div>
            </div>
            <div class="col-xs-12" style="margin-top: 36px;padding-bottom: 10px;">
            <h5 style="text-align: center;">
                Copyright <span class="glyphicon glyphicon-copyright-mark"></span> 2016 - <a href="http://panhainan.com/" target="_blank">潘海南（FireOct）</a>
            </h5></div>
        </div>

    </div>
</div>
</div>


